.dashboard {
  .statistics-row {
    margin-bottom: 24px;
    
    .ant-card {
      .ant-statistic {
        .ant-statistic-title {
          color: rgba(0, 0, 0, 0.65);
          font-size: 14px;
        }
        
        .ant-statistic-content {
          font-size: 24px;
          font-weight: 600;
        }
      }
    }
  }
  
  .charts-row {
    margin-bottom: 24px;
    
    .ant-card {
      height: 480px;
      
      .ant-card-body {
        padding: 24px;
        height: calc(100% - 57px);
        
        > div {
          height: 100%;
        }
      }
    }
  }
  
  .data-row {
    margin-bottom: 24px;
    
    .ant-card {
      height: 400px;
      
      .ant-card-body {
        height: calc(100% - 57px);
        overflow: auto;
      }
    }
  }
  
  .progress-row {
    .ant-card {
      .ant-progress {
        margin-bottom: 16px;
      }
    }
  }
}

// 响应式设计
@media (max-width: 768px) {
  .dashboard {
    .statistics-row,
    .charts-row,
    .data-row,
    .progress-row {
      .ant-col {
        margin-bottom: 16px;
      }
    }
    
    .charts-row .ant-card,
    .data-row .ant-card {
      height: auto;
      
      .ant-card-body {
        height: auto;
      }
    }
  }
}

// 暗色主题适配
[data-theme='dark'] {
  .dashboard {
    .ant-card {
      background: #1f1f1f;
      border-color: #303030;
    }
    
    .ant-statistic-title {
      color: rgba(255, 255, 255, 0.65) !important;
    }
    
    .ant-typography {
      color: rgba(255, 255, 255, 0.85);
    }
  }
}